@import (reference) '~weaver-mobile/dist/weaver-mobile.less';

@docExchange: odoc-exchange;

.@{docExchange}{
  width: 100%;
  height: 100%;
  .am-tabs{
    height: 45 * @hd;
  }
  .am-search-input input[type="search"]{
    z-index: 1;
  }
  &-tab-page{
    color: @color-text-paragraph;
    height: 45px;
  }
  .am-flexbox .am-flexbox-item{
    margin-left: 2%;
  }
  &-flex{
    width: 100%;
    background: #fff;
    padding: 20 * @hd;
    box-sizing: border-box;
    &-item,&-seleted{
      width: 25%;  
      line-height: 30 * @hd;
      min-width: 20% !important;
      text-align: center;
      border:@border-width-sm solid #eeeeee; 
      color: #666666 ;
      box-sizing: border-box;
      margin: 2%;
      background: #EEEEEE;
      border-radius: 4 * @hd;;
      flex-grow: 0 !important;
      span{
        display: inline-block;
        font-size: @font-size-caption-sm;
        vertical-align: middle;
      }
    }
    .showname{
      width: 75%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .count{
      width: 25%;
    }
    &-seleted{
      border:@border-width-sm solid #55B1F9; 
      color: #55B1F9 ;
      background: #fff;
    }
  }
  &-send {
    background: #0099ff;
    color: white;
  }
  &-check {
    background: #f59a23;
    color: white;
  }
  &-del {
    background: #7f7f7f;
    color: white;
  }
  &-itemColor {
    color: #000;
  }
  .redDot{
    display: inline-block;
    width: 5 * @hd;
    height: 5 * @hd;
    background: red;
    vertical-align: middle;
    border-radius: 50%;
    margin-left: 5 * @hd;
  }
}
.odoc-exchange {
  .list-selectedMsg {
    line-height: 43px;
    padding-left: 15px;
    min-height: 43px;
    background-color: #fff;
    transition: background-color .2s;
      .selectedMsg-cancel {
        color: #55b1f9;
        margin-right: 8px;
      }
      .selectedMsg-all {
        display: block;
        margin-right: 15px;
        float: right;
      }
  }
  .btnDisabled {
    color: #fff;
    background-color: #ddd;
    border-color: #ddd;
    opacity: 1;
  }
}
.odoc-exchange-resonModal {
  .am-modal-content {
    padding-top: 0;
  }
  .am-modal-title {
    text-align: left;
  }
}
.odocExchange-checkReceive {
  height: 100%;
  width: 100%;
  .docTitle {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #ddd;
    span {
      margin-left: 15px;
      color: #4D7AD8;
    }
    span:hover {
      color: #0099ff;
      text-decoration:overline
    }
  }
  .list-selectedMsg {
    line-height: 43px;
    padding-left: 15px;
    min-height: 43px;
    background-color: #fff;
    transition: background-color .2s;
      .selectedMsg-cancel {
        color: #4D7AD8;
        margin-right: 8px;
      }
      .selectedMsg-all {
        display: block;
        margin-right: 15px;
        float: right;
      }
  }
  .odocExchange-checkReceive-btnDisabled {
    background-color: #4D7AD8;
  }
  .odocExchange-checkReceive-itemColor {
    color: #000;
  }
}